pe-line {
  display: block;

  // 段落类型：P
  &[type='p'] {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }

  // 段落类型：H1
  &[type='h1'] {
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }

  // 段落类型：H2
  &[type='h2'] {
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }

  // 段落类型：H3
  &[type='h3'] {
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }

  // 段落类型：H4
  &[type='h4'] {
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }

  // 段落类型：H5
  &[type='h5'] {
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }

  // 段落类型：H6
  &[type='h6'] {
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }

  // 段落类型：引用
  &[type='quote'] {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-left: 1em;
    border-left: 3px solid #eee;
    color: #8c8c8c;
    background-color: #f1f1f1;
  }

  // 对其方式：左对齐
  &[text-align='left'] {
    text-align: left;
  }

  // 对其方式：居中对其
  &[text-align='center'] {
    text-align: center;
  }

  // 对其方式：右对齐
  &[text-align='right'] {
    text-align: right;
  }

  // 对其方式：两端对其
  &[text-align='justify'] {
    text-align: justify;
  }
}
